<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
	</head>
	<style type="text/css">
		#img{
			position: relative;
			left: 35%;
			top: 20px;
		}
		#form{
			position: relative;
			top: 25px;
		}
		#sex{
			position: relative;
			right: 185px;
		}
		.mui-content{
			margin-left: 10px;
			margin-right: 10px;
		}
		#dengji{
			width: 120px;
			position: relative;
			right: 130px;
		}
	</style>
	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">添加管理员</h1>
		    <button class="mui-btn mui-btn-blue mui-btn-link mui-pull-right" id="save">添加</button>
		</header>
		<div class="mui-content">
		    
		    	<div class="mui-row">
		    		<div class="mui-col-xs-12">
		    			<img src="images/user-photo.png" id="img"/>
		    		</div>
		    	</div>
		    	<div class="mui-collapse-content" id="form">
		    		<form action="" class="mui-input-group">
		    			<div class="mui-input-row">
		    				<label for="">用户名</label>
		    				<input type="text" placeholder="请输入用户名" />
		    			</div>
		    			<div class="mui-input-row">
		    				<label for="">昵称</label>
		    				<input type="text" placeholder="请输入昵称" />
		    			</div>
		    			<div class="mui-input-row">
		    				<label for="">性别</label>
		    				<select name="" id="sex" class="mui-btn mui-btn-block">
		    					<option value="nan">男</option>
		    					<option value="nv">女</option>
		    				</select>
		    			</div>
		    			<div class="mui-input-row">
		    				<label for="">密码修改</label>
		    				<input type="text" placeholder="请输入密码" />
		    			</div>
		    			<div class="mui-input-row">
		    				<label for="">确认密码</label>
		    				<input type="text" placeholder="请再次输入" />
		    			</div>
		    			<div class="mui-input-row">
		    				<label for="">管理员级别</label>
		    				<select name="" id="dengji" class="mui-btn mui-btn-block">
		    					<option value="">普通管理员</option>
		    					<option value="">超级管理员</option>
		    					<option value="">系统管理员</option>
		    				</select>
		    			</div>
		    		</form>
		    	</div>
			
		</div>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			document.getElementById('save').addEventListener('tap', function() {
  //打开关于页面
  		mui.openWindow({
   			url: 'index(admin).html', 
    		id:'index(admin).html'
  				});
	});
		</script>
	</body>

</html>